<template>
  <div class="content">
    <div class="mainView">
      <vue-nav />
      <vue-table />
    </div>
  </div>
</template>

<script>
import vueNav from '@/components/VueNav';
import vueTable from '@/components/VueTable';
// import bus from '@/utils/bus';

export default {
  components: {
    vueTable,
    vueNav
  },
  data() {
    return {
      activeIndex: '1',
      totalCount: 1, // 数据总条数
      pageSize: 10, // 每页条数
      searchData: '', // 搜索条件
      blockList: ['', 'EOS', 'CFT'], // 交易区信息
      tableData: [], // 数据展示
      isFirst: true, // 是否第一次进入
    };
  },
  methods: {
  },
  created() {
    document.title = this.$t(`rout.${this.$route.meta.title}`);
  }
};
</script>

<style lang="scss" scoped>
@import '@/assets/css/variables.scss';

.content{
  padding: 40px 0px;

  .mainView{
    width: $-min-width;
    margin: 0px auto;
    box-shadow: 0 0 30px #ddd;

    // /deep/ .is-active{
    //   color: #278EDA !important;
    //   border-bottom: 2px solid #278EDA;
    // }

    // .selectInput{
    //   float: right;
    //   line-height: 60px;
    //   margin-right: 10px;
    // }

    .tableFooter{
      padding: 30px;
      text-align: center;
      background: #fff;
    }
  }
}
// 首页-白天模式/夜间模式 切换
.theme-278EDA{
  color: black;
}

.theme-1B1D27{
  .mainView{
    box-shadow: 0 0 10px rgba(0, 0, 0, .4);

    .tableFooter{
      background: transparent;
    }
  }

  .jyd-left{
    color: rgba(255, 255, 255, .8);
  }
}
</style>
